<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://displaytag.sf.net" prefix="display" %>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form" %>


<html>
<head>
<title>Bienvenido</title>
<script language="JavaScript">
	
	function fxEnableTextbox()
	{
		var isChecked = document.frmReca.chkFiltro.checked;
		document.frmReca.txtNumOpe.disabled = !isChecked;
		
		if (!isChecked) {
			document.frmReca.txtNumOpe.style.backgroundColor = "#CACACA";
			document.frmReca.fechaOperacion.removeAttribute("style");
			document.frmReca.numeroOperacion.removeAttribute("style");
			document.frmReca.numeroReferencia.removeAttribute("style");
			document.frmReca.numeroDocumento.removeAttribute("style");
			fxEnableComponents(false);
		} else {
			//document.frmReca.txtNumOpe.style.backgroundColor = "#FFFF00";
			document.frmReca.txtNumOpe.removeAttribute("style");
			document.frmReca.fechaOperacion.style.backgroundColor = "#CACACA";
			document.frmReca.numeroOperacion.style.backgroundColor = "#CACACA";
			document.frmReca.numeroReferencia.style.backgroundColor = "#CACACA";
			document.frmReca.numeroDocumento.style.backgroundColor = "#CACACA";
			fxEnableComponents(true);
		}

	}

	function fxCargarConvenios(codigoEmpresa) {
		//alert("El codigo de la empresa seleccionada es: " + codigoEmpresa);
		if (codigoEmpresa == "-") {
			alert("Debe seleccionar una empresa.");
		} else {
			//window.location.href='cargarConvenios';
			document.frmReca.action = 'cargarConvenios.html';
			document.frmReca.method = 'POST';
			document.frmReca.submit();
		}
	}

	function fxConsultarBD() {
		//alert("ejecutar query");
		if (document.frmReca.chkFiltro.checked) //busqueda SOLO por Numero de Operacion
			document.frmReca.action = 'consultarBDxNumOpe.html';
		else
			document.frmReca.action = 'consultarBD.html';
		document.frmReca.method = 'POST';
		document.frmReca.submit();
	}
	
	function fxEnableComponents(val)
	{
		document.frmReca.fechaOperacion.disabled = val;
		document.frmReca.codigoEmpresa.disabled = val;
		document.frmReca.codigoConvenio.disabled = val;
		document.frmReca.codigoCanal.disabled = val;
		document.frmReca.tipoOperacion.disabled = val;
		document.frmReca.tipoEvento.disabled = val;
		document.frmReca.numeroOperacion.disabled = val;
		document.frmReca.numeroReferencia.disabled = val;
		document.frmReca.numeroDocumento.disabled = val;
	}
	
</script>
</head>

<body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0"
	marginheight="0" marginwidth="0">

	<table width="100%" border="1">
		<%--
		<tr>
			<td align="center" valign="top">
				<!-- INI titulo -->
				<table border="0">
					<tr>
						<td class="TituloCabecera" width="650" align="center"
							valign="middle">Registro de Logs MB - Recaudos</td>
					</tr>
				</table>
				<!-- END titulo -->
			</td>
		</tr>
		--%>
		<tr>
			<td valign="top">
				<table width="100%" border="0">
					<tr>
						<td>
							<fieldset>
								<legend>Par&aacute;metros de B&uacute;squeda</legend>
								<form:form modelAttribute="recaudoForm" method="post" action="recaudos" name="frmReca">
									<table border="1">
										<tbody>
											<tr>
												<td>Ingrese la Fecha de Operaci&oacute;n:</td>
												<td colspan="3"><form:input path="fechaOperacion" /></td>
												<td><input type="checkbox" name="chkFiltro" onchange="javascript:fxEnableTextbox();" />
													Buscar solo por<br>N&uacute;mero de Operaci&oacute;n:
												</td>
												<td colspan="3">
												  <input type="text" name="txtNumOpe" maxlength="9" disabled="disabled"/>
												</td>
											</tr>
											<tr>
												<td colspan="8">&nbsp;</td>
											</tr>
											<tr>
												<td>Empresa:</td>
												<td colspan="3">
												  <form:select path="codigoEmpresa" onchange="javascript:fxCargarConvenios(this.value);">
													<form:option value="-" label="--seleccione una empresa--" />
													<form:options items="${empresasList}" itemValue="id" itemLabel="razonSocial" />
												  </form:select>
												</td>
												<td>Convenios:</td>
												<td>
												<%--<form:select path="codigoConvenio" multiple="true" size="5">--%>
													<form:select path="listaConvenios" multiple="true" size="5">
														<form:option value="-1" label="--TODOS--" />
														<form:options items="${conveniosList}" itemValue="id" itemLabel="id" />
												  	</form:select>												
												</td>
												<td colspan="2">&nbsp;</td>
											</tr>
											<tr>
												<td>Cod. Canal:</td>
												<td colspan="3"><form:select path="codigoCanal" multiple="true">
													<form:option value="NN" label="--TODOS--" />
													<form:option value="TF  ">TF</form:option>
													<form:option value="CN  ">CN</form:option>
													<form:option value="RD  ">RD</form:option>
												</form:select>
												</td>
												<td>Tipo Operaci&oacute;n:</td>
												<td><form:select path="tipoOperacion" multiple="true">
													<form:option value="NN" label="--TODOS--" />
													<form:option value="1010">Consulta</form:option>
													<form:option value="2010">Pago</form:option>
													<form:option value="3010">Extorno</form:option>
													<form:option value="4010">Autoextorno</form:option>
												</form:select>
												</td>
												<td>Id Evento:</td>
												<td><form:select path="tipoEvento" multiple="true">
													<form:option value="-1" label="--TODOS--" />
													<form:option value="1">Host-to-Dist</form:option>
													<form:option value="2">Dist-to-Emp</form:option>
													<form:option value="3">Emp-to-Dist</form:option>
													<form:option value="4">Dist-to-Host</form:option>
													<form:option value="5">Error</form:option>
												</form:select>
												</td>
											</tr>
											<tr>
												<td>Numero Operaci&oacute;n:</td>
												<td colspan="3"><form:input path="numeroOperacion" maxlength="9"/></td>
												<td>Id Referencia:</td>
												<td><form:input path="numeroReferencia" maxlength="20"/></td>
												<td>Id Documento:</td>
												<td><form:input path="numeroDocumento" maxlength="20"/></td>
											</tr>
											<tr>
												<td colspan="8"><input type="submit" value="Buscar"
													onclick="javascript:fxConsultarBD();" /></td>
											</tr>
										</tbody>
									</table>
								</form:form>
							</fieldset>
						</td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td>
				<fieldset>
					<legend>Resultados de B&uacute;squeda</legend>
					<table width="100%" cellPadding="0" cellSpacing="0">
						<tbody>
							<tr>
								<td class="Listado	Cabecera">
									<display:table name="${listRegistros}" export="false" pagesize="12" id="bean">
										<c:if test="${codigoEmpresa > 10}">
											<display:column property="numeroOperacion" title="NumOperacion" />
										</c:if>
										<display:column property="fecha" title="Fecha" />
										<display:column property="numeroConvenio" title="Convenio" />
										<display:column property="idEvento" title="Evento" />
										<display:column property="codigoOperacion" title="Operacion" />
										<display:column property="codigoCanal" title="Canal" />
										<display:column property="numeroReferencia" title="Referencia" />
										<c:if test="${codigoEmpresa > 10}">
											<display:column property="numeroDocumento" title="Documento" />
											<display:column property="descripcionResultado"	title="Resultado" />
										</c:if>
										<display:column>
										<a href="verRegistro?msgId=${bean.msgId}&idEvento=${bean.idEvento}">
										&lt;VER&gt;
										</a>
										</display:column>
									</display:table>
								</td>
							</tr>
						</tbody>
					</table>
				</fieldset>
			</td>
		</tr>
	</table>
</body>
</html>